<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:p="http://primefaces.org/ui" template="/layout/template.xhtml">
	<ui:define name="body">
		<h1 class="title ui-widget-header ui-corner-all">#{message['grupo.efectividad']}</h1>
		<h:form id="frmEfectividadList">
			<p:growl id="message" showDetail="true" />
			<p:fieldset legend="#{message['grupo.consulta.tipo.evento']}">
			<h:panelGrid id="display" columns="2" cellpadding="5" >
				
				<h:outputText value="#{message['grupo.mes']}" />
				<p:selectOneMenu value="#{grupo.idMes}" required="true" >
					<f:selectItems value="#{comboAction.metaMesItems}" />
					<p:ajax update="display"  listener="#{grupo.listarFechasEfectividad}"  />
				</p:selectOneMenu>
					
				<h:outputLabel value="#{message['grupo.fecha.inicial']}" />
				<p:inputText value="#{grupo.fechaInicio}" disabled="true" />
					
				<h:outputLabel value="#{message['grupo.fecha.final']}" />
				<p:inputText value="#{grupo.fechaFin}" disabled="true" />
				
				<f:facet name="footer">
				<p:commandButton value="#{message['grupo.consultar']}" action="#{grupo.listar}" 
				title="#{message['grupo.consultar.efectividad']}" update="@form" icon="ui-icon-star" />
				</f:facet>
			</h:panelGrid>
			</p:fieldset>
			
			<p:dataTable value="#{grupo.listaEmpleado}" var="c">
				<f:facet name="header">
					<h:outputText value="CUADRO EN BASE A VENTAS REALIZADAS DESDE  #{grupo.fechaInicio}
					HASTA #{grupo.fechaFin} SIN TOMAR EN CUENTA DEVOLUCIONES Y DEPOSITOS" />
				</f:facet>
				<p:column headerText="Expositor" >
					<h:outputText value="#{c.tbempleado.nombresCompletos}" />
				</p:column>
				
				<p:column headerText="COBRADO" >
					<h:outputText value="#{c.cobro}" />
				</p:column>
				
				<p:column headerText="DEBERIAMOS HABER COBRADO A LA FECHA" >
					<h:outputText value="#{c.deberiaCobrar}" />
				</p:column>
				
				<p:column headerText="PORCENTAJE DE RECUPERACIÓN" >
					<h:outputText value="#{c.porcentajeRecuperado}" />
				</p:column>
				
				<p:column headerText="PÉRDIDA EFECTIVA" >
					<h:outputText value="#{c.perdidaEfectiva}" />
				</p:column>
				
				<p:column headerText="PÉRDIDA EN SOLES" >
					<h:outputText value="#{c.perdidaSoles}" />
				</p:column>
				
			<!--  <p:column headerText="Exportar">
					<p:commandButton value="Exportar" action="#{grupo.exportar}" icon="ui-icon ui-icon-pencil" >
						<f:setPropertyActionListener value="#{c}" target="#{SancionForm.objSancionSie}" />
					</p:commandButton>
				</p:column>-->
				
				<f:facet name="footer">
					<div align="left">
						
					</div>
				</f:facet>
			</p:dataTable>
		</h:form>
	 </ui:define>
</ui:composition>